<template>
    <div>
         <!--轮播图-->
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
                <img :src="item.url" alt="">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    props:["lunbotuList"],
    data(){
        return {

        }
    }
}
</script>


<style lang="scss" scoped>
.mint-swipe {
  height: 200px;
}
.mint-swipe-item {
  //   &:nth-child(1) {
  //     background-color: red;
  //   }
  //   &:nth-child(2) {
  //     background-color: cyan;
  //   }
  //   &:nth-child(3) {
  //     background-color: blue;
  //   }
  img {
    width: 100%;
    height: 100%;
  }
}
</style>

